<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>iTeach</title>
    <meta name="keywords" content="elearning" />
    <meta name="description" content="elearning" />

    <!--iteach -->
    <link href="<?php echo base_url();?>assets/css/skin/templatemo_style_backend.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" media="screen" href="<?php echo base_url();?>assets/css/skin/demo.css" />
    <!-- Page styles -->
    <link type='text/css' href='<?php echo base_url();?>assets/css/skin/demo.css' rel='stylesheet' media='screen' />

    <!-- OSX Style CSS files -->
    <link type='text/css' href='<?php echo base_url();?>assets/css/skin/osx.css' rel='stylesheet' media='screen' />
    <link rel="stylesheet" media="screen" href="<?php echo base_url();?>assets/css/skin/demo.css" />


    <script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/js/iteach/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/js/iteach/jquery.ennui.contentslider.js"></script>
    <script type='text/javascript' src='<?php echo base_url();?>assets/js/iteach/jquery.simplemodal.js'></script>
    <script type='text/javascript' src='<?php echo base_url();?>assets/js/iteach/osx.js'></script>

    <!-- JS files are loaded at the bottom of the page -->

    <!--end iteach -->

		<!-- start object oriented css -->

		<link rel="stylesheet" type="text/css" media="all"  href="<?php echo base_url(); ?>assets/css/template.css" />

		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/grids.css" />

		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/content.css" />

		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/mod.css" />

		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/mod_skins.css" />

		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/skin/template.css" />



		<!-- end object oriented css -->



		<!-- start jquery css -->

		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/jquery/south-street/jquery-ui-1.8.16.custom.css" />

		<!-- end jquery css -->



		<!-- start cms skin -->

		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/skin/icons.css" />


		<!-- end cms skin -->



		<?php

		if ( ! empty($links))

		{

			foreach ($links as $link)

			{

				echo '<link rel="stylesheet" type="text/css" href="'. base_url() .'assets/css/'. $link .'" />';

			}

		}

		?>



		<script type="text/javascript">

			var siteUrl = '<?php echo site_url(); ?>/';

                        var baseUrl='<?php echo base_url();?>';
                        <?php if (! empty($vars) ) {
                            echo $vars;
                        }
                        ?>

		</script>



		<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery/jquery-1.5.1.min.js"></script>

		<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery/jquery-ui-1.8.10.custom.min.js"></script>





		<!-- LESS CSS script -->

		<script src="<?php echo base_url(); ?>assets/js/less-css/less-1.1.3.min.js" type="text/javascript"></script>



		<!-- HTML 5 script -->

		<script src="<?php echo base_url(); ?>assets/js/html5/html5.js" type="text/javascript"></script>



		<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery/qtip-1.0.min.js"></script>

                <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/general.js"></script>

		<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/messages.js"></script>


		<?php

		if ( ! empty($scripts))

		{

			foreach ($scripts as $script)

			{

				echo '<script type="text/javascript" src="'. base_url() .'assets/js/'. $script .'"></script>';

			}

		}

		?>
</head>


<!-- Site JavaScript -->

<body>


<div id="templatemo_header_wrapper">
	<div id="templatemo_header">
        <div id="site_title">
            <img src="<?php echo base_url();?>assets/images/iteach/templatemo_logo.png" alt="logo" />
        </div> <!-- end of site_title -->
        <div id="templatemo_menu">
		<!-- Temporary navigation -->

		<ul id="nav">

                        <li>

                            <a href="<?php echo site_url('admin/home'); ?>">Home</a>

			</li>

                        <li>

                            <a href="<?php echo site_url('announcement'); ?>">Announcements</a>

			</li>

                        <li>

                            <a href="#">Control Panel</a>

                            <ul>

                                <li><a href="<?php echo site_url('instructor/list_records'); ?>">Instructor Maintenance</a></li>

                                <li><a href="<?php echo site_url('student/list_records'); ?>">Student Maintenance</a></li>

                                <li><a href="<?php echo site_url('group/list_records'); ?>">Group Maintenance</a></li>

                                <li><a href="<?php echo site_url('cms'); ?>">Site Maintenance</a></li>

                                <li><a href="<?php echo site_url('admin/profile'); ?>">Update Account</a></li>
                            </ul>

			</li>

                        <li style="float: right">

				<a href="<?php echo site_url('login/logout'); ?>">Logout</a>

			</li>

		</ul>

		<!-- End temporary navigation -->
            <div class="cleaner"></div>    	
        </div>
        <div class="cleaner"></div>
    </div> 
    <div class="cleaner"></div>
</div>
<!-- end header-->

<div id="templatemo_wrapper">
    <div id="templatemo_middle"></div>
    <div id="templatemo_content_top"></div>

    <div id="templatemo_content">
